


 
 angular.module('keepApp')

 .controller('trendHot', ['$scope', '$http', '$rootScope', function($scope, $http, $rootScope) {
      

     $http({
         method: 'GET',
         url: './trend/data/dynamic_hot.json'
     }).then(function(obj) {

         $scope.hotVideo = obj.data.data.hotVideo[0];
         $scope.entries = obj.data.data.entries;


         setTimeout(function(){
            var mySwiper = new Swiper('#trend .swiper-container', {
                // 控制点****************************************************************
                // touchRatio: 0.4, //触摸距离与slide滑动距离的比率。
                freeMode: false, //默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模式，slide会根据惯性滑动且不会贴合
                longSwipesRatio: 0.6, //进行longSwipes时触发swiper所需要的最小拖动距离比例，即定义longSwipes距离比例。值越大触发Swiper所需距离越大。最大值0.5。
                resistanceRatio: 0, //边缘抵抗设置为零时，完全抵抗，到达边缘处无法拖动
                // 自定义控制器***********************************************************
                pagination: '#trend #trendControllerH3', // 控制器位置
                paginationHide: true, //默认分页器会一直显示。这个选项设置为true时点击Swiper会隐藏/显示分页器
                // paginationType : 'custom', // 控制器自定义命令
                // paginationClickable: true //为true时，点击分页器的指示点分页器会控制Swiper切换。
                    //     paginationCustomRender: function (swiper, current,trendControllerSpan) {
                    //      return current;
                    // }
                // 滚动条*****************************************************************
                // scrollbar:'#trendControllerBox',
                // scrollbarHide : false, //滚动条位置
                // scrollbarDraggable : false , //该参数设置为true时允许拖动滚动条。
                // scrollbarSnapOnRelease : true ,    //如果为true，释放滚动条时slide自动贴合。
            });
            // trend头部关联*************************************************
           var $trendSlide = $('#trend .swiper-slide');
           var $trendControllers = $('.trendController>p>span');
           var $trendSlideSpans=$('#trendControllerH3>span');
           var hotLiImgs=$('#hotEntries li img');
          
           $($trendControllers).click(function(){
               for (let j = 0; j < $trendControllers.length; j++) {
                   $trendControllers.eq(j).css('color', 'darkgrey');
               }
               var index=$(this).index();
               $(this).css('color', 'white');
               mySwiper.slideTo(index, 300, false);//切换到当前slide，速度为300毫秒
           })
           var index2,touchStartX, touchEndX;
           for (let i = 0; i < $trendSlide.length; i++) {
            $trendSlide[i].addEventListener('touchend', function() {
               setTimeout(function(){
                   for (let l = 0; l < $trendControllers.length; l++) {
                       $trendControllers.eq(l).css('color', 'darkgrey');
                   }
                   for (let k = 0; k < $trendSlideSpans.length; k++) {
                       if ($($trendSlideSpans[k]).attr('class')=='swiper-pagination-bullet swiper-pagination-bullet-active') {
                           index2=$($trendSlideSpans[k]).index();
                           $trendControllers.eq(index2).css('color', 'white');
                       }
                   }
               },50)
            });
           };

           // trendHot图片处理****************************************************
           $(hotLiImgs).fadeIn(1500);

           // trendHot视频标志图片处理********************************************
           var hotLiSpans=$('#hotEntries div .span');
           console.log(hotLiSpans);
           for (let i = 0; i < $scope.entries.length; i++) {
               if ($scope.entries[i].video!=undefined) {
                  $(hotLiSpans[i]).css('display', 'block');
               }
           }
           // trendIdea点击关注处理
           var followIdeaH3Span1s=$('#followidea>ul>li div>h3>.span1');
           var followHeaderPSpan=$('#followHeader>p>span');
           var followHeaderSpan=$('#followHeader>span');
           var num=parseInt(followHeaderPSpan.text());
           console.log(num);
           // 点击关注按钮
           $(followIdeaH3Span1s).click(function(event) {
               $(followHeaderSpan).parent('div').slideDown(1000);
               $(this).toggleClass('span1Show');
               if ($(this).hasClass('span1Show')) {
                  num=num-1;
                  followHeaderPSpan.text(num);
               }else{
                  num=num+1;
                  followHeaderPSpan.text(num);
               };
               console.log(num);
           });
           // 点击完成按钮
           $(followHeaderSpan).click(function(event) {
               $(this).parent('div').slideUp(1000);
           });

        },1500);

     }, function(err) {
         console.log(err);
     });

 }])

 .controller('trendFollow', ['$scope', '$http', '$rootScope', function($scope, $http, $rootScope) {
     $http({
         method: 'GET',
         url: './trend/data/dynamic_follow.json'
     }).then(function(obj) {
         $scope.Data = obj.data.data;
     }, function(err) {
         console.log(err);
     });

 }])

 .controller('trendCity', ['$scope', '$http', '$rootScope', function($scope, $http, $rootScope) {
     $http({
         method: 'GET',
         url: './trend/data/dynamic_city.json'
     }).then(function(obj) {
         $scope.Data = obj.data.data;
         setTimeout(function(){
            var trendCityP=$('#trend .trendCityP');
            var trendCityP2=$('#trend .trendCityP2');
            for (var i = 0; i < trendCityP.length; i++) {
                $(trendCityP[i]).html($scope.Data[i].meta.title);
                $(trendCityP[i]).children('a').css('color', '#22c786');
                $(trendCityP[i]).click(function(event) {
                    event.stopPropagation()
                });
                // 当点赞人数是0时，删除对应p
                if ($(trendCityP2[i]).children('span').text()=="0") {
                    $(trendCityP2[i]).remove();
                }
            };

         },10)
     }, function(err) {
         console.log(err);
     });

 }])
